// 本文件用于：
import { RootState } from '@/store';
import { memo, useEffect } from 'react';
import { useSelector } from 'react-redux';
import styles from './index.module.less';

export default memo(() => {
  /** 主题色 */
  const { primaryColor, themeType } = useSelector((state: RootState) => state.global.styleCfg);

  useEffect(() => {
    console.log('primaryColor', primaryColor)
  }, [primaryColor])

  return (
    <>
      <div className={styles.iconBox}>
        <div className={styles.one} style={{ background: primaryColor }}></div>
        <div className={styles.two} style={{ background: primaryColor }}></div>
        <div className={styles.three} style={{ background: primaryColor }}></div>
        <div className={styles.four} style={{ background: primaryColor }}></div>
        <div className={styles.five} style={{ background: primaryColor }}></div>
        <div className={styles.six} style={{ background: primaryColor }}></div>
      </div>
    </>
  );
});
